@charset "utf-8";
/*-----------------------------------------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p, pre, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, input, textarea, button, th, td {
	margin:0;
	padding:0;
	color:#585858;
	
}
.kaichang { background:#090907}
.index_pro { width:590px; height:300px; position:absolute; top:50%; margin-top:-150px; left:50%; margin-left:-295px;}
b{ font-weight:normal}
input, textarea,select{color:#585858;}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:none;
}
caption, strong, th {
	font-weight:normal;
}
address, cite, dfn, em, var {
	font-style: normal;
}
code, kbd, pre, samp, tt {
	font-family: "Courier New", Courier, monospace;
}/* 使用等宽字体 */
ul, ol {
	list-style:none outside;
}/* outside重置IE6,7缩进 */
caption, th {
	text-align:left;
}
q:before, q:after {
	content: '';
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
select, input, button, textarea {
	font-size:100%;
}/* 使表单元素能继承父级字体大小 */
textarea {
	overflow-y:auto;
}/* 去除IE下textarea滚动条 */
/*修复IE6连续英文不折行导致页面布局崩溃*/
body {
	_word-break:break-all;
}
/* 专有属性修复IE7，IE8浏览器强制缩放图片失真 */
img {
	-ms-interpolation-mode:bicubic;
}
/* m18的默认样式*/
body {
	font:12px/1.5 "Lucida Grande", arial, helvetica, sans-serif;
	position:relative;
	height:100%; background:#000 url(../images/main_index_bg.gif) repeat-x 0 68px;
}
html { height:100%; background:#000}
html, legend {
	color:#333;
}
a {
	color:#999999;
	text-decoration:none;
	outline:none;
}
a:active {star:expression(this.onFocus=this.blur());} 
a:hover {
	color:#fff;
	text-decoration:none;
}
a.blue{color:#005a9f;}
a.red{color:#c30101;}


.main_cont { width:1125px; margin:auto }
.main_contain { width:1125px; height: 488px; text-align:center; overflow: hidden; }
.main_header { height:69px; overflow:hidden; }
.main_header .ahover { color:#ad9325}
.main_header ul { float:left; display:inline; margin-top:42px; }
.main_header li{ float:left; padding:0 5px; }
.main_l { width:297px;  border-right:1px solid #2e2e2e; padding-top:72px; float:left; height:416px; position:relative; z-index:222; background:#0f0e0c}
.main_l .nav{position:absolute; top:158px; right:40px;}
.main_l .nav li{  text-align:right;  width:85px; line-height:24px;  }
.main_l .footer { position:absolute; bottom:4px; left:0}
.main_l .footer li{  text-align:left; float:left; line-height:24px;  padding:0 5px;  }
.main_r { float:left; width:826px;  height: 488px; overflow:hidden; position:relative; background:#0f0e0c}
.main_r1 { float:left; width:826px;  height: 488px; overflow:hidden;background:#0f0e0c}

.main_r .product{ float:left;  }
.main_r .product li { float:left; text-align:center; width:135px; display:inline; margin-left:25px; margin-top:30px;}
.main_r .product li img { width:135px; height:135px;}
.main_r .product li a { clear:both}
.main_r .product li b { clear:both; }

.main_r .product1{ float:left;  }
.main_r .product1 li { float:left; text-align:center; width:135px; height:190px; display:inline; margin-left:25px; margin-top:30px;}
.main_r .product1 li img { width:135px; height:155px;}
.main_r .product1 li a { clear:both}
.main_r .product1 li b { clear:both; }

.main_r .page { position:absolute; width:400px; text-align:right; clear:both; height:30px; line-height:30px; margin-top:15px; bottom:20px; right:20px;}
.main_r .map { float:left; padding-left:40px; padding-top:40px;}
.main_r .map ul { float:left; padding:0; clear:both; display:inline; margin-top:15px;}
.main_r .map li { float:left; display:inline; line-height:20px; margin-left:5px;}
.main_r .wapmap h2 { float:left; display:inline; width:200px; font-size:16px; text-align:left; padding-left:2px; color:#a1acab; font-weight:bold; padding-bottom:5px; border-bottom:1px solid #181b1b}
.main_r .wapmap { float:left; padding-left:40px; padding-top:40px;}
.wapmap .m_top { margin-top:8px;}
.main_r .wapmap ul { float:left; padding:0; clear:both; display:inline; margin-top:15px;}
.main_r .wapmap li { float:left; display:inline; line-height:20px; margin-left:5px; clear:both}
.map .m_top { margin-top:8px;}
.map h2 { float:left; display:inline; width:200px; font-size:16px; text-align:left; padding-left:2px; color:#a1acab; font-weight:bold; padding-bottom:5px; border-bottom:1px solid #181b1b}
.main_r .shop { float:left; padding-left:20px; padding-top:30px;}
.main_r .shop h2 { float:left; display:inline; width:auto; padding-right:14px; font-size:14px; text-align:left; padding-left:2px; color:#a1acab; font-weight:bold; padding-bottom:5px;clear:both; background:url(../images/shop_h2.gif) no-repeat right 3px; margin-top:10px;} 
.shop .shop_m { width:785px; float:left; height:220px; clear:both; overflow:auto}
.shop .shop_ul li { float:left; text-align:center;display:inline; width:770px; margin-left:5px; margin-top:5px;border-bottom:1px solid #181b1b}
.shop .shop_ul li img { width:65px; height:65px;}
.shop .shop_ul li a { clear:both}
.shop .shop_ul li b { clear:both; }
.shop .shop_ul li .p1{ width:75px; float:left; height:100px;}
.shop .shop_ul li .p2 { width:300px; text-align:center; padding-top:40px;float:left; vertical-align:middle}
.shop .process { clear:both; float:left; clear:both; margin-left:80px;}
.shop .process li{ float:left; text-align:center;display:inline; width:auto; background:#131312; line-height:30px; margin-left:15px; margin-top:5px;border:1px solid #181b1b}
.shop .process li a{ display:block; background:#131312; padding:0 15px;}
.shop .process li a:hover { background:#363634}
.bg_none { background:none !important; border:0px !important;}
.bg_none img { margin-top:6px;}
.shop  .shop_bn  { clear:both; position:absolute; bottom:20px; right:20px; }
.main_r .about1{ width:360px; color:#d8d4d2; float:left;height:448px;padding-top:40px;}
.main_r .about1 h2 { font-size:14px; font-weight:bold}
.main_r .about1 p{ text-align:left; line-height:24px; padding:20px;}
.main_r .about2{ width:465px; color:#d8d4d2; float:right;height:448px;padding-top:40px;background:url(../images/about_us.png) right 0}
.main_r  .safe1 { width:360px; color:#d8d4d2; float:left;height:448px;padding-top:40px;}
.main_r  .safe1 h2 { font-size:12px; font-weight:bold; text-align:left; padding-left:20px;}
.main_r .safe1 p{ text-align:left; line-height:20px; padding:10px 20px 0px 20px; text-indent:0}
.main_r  .safe2{ width:465px; color:#d8d4d2; float:right;height:448px;padding-top:40px; border-left:1px solid #373432}
.main_r  .safe2 h2 { font-size:12px; font-weight:bold; text-align:left; padding-left:20px; }
.main_r .safe2 p{ text-align:left; line-height:20px; padding:10px 20px 0px 20px;text-indent:0}
.main_r  .contact1 { width:360px; color:#d8d4d2; float:left;height:448px;padding-top:40px;}
.main_r  .contact1 h2 { font-size:12px; font-weight:bold; text-align:left; padding-left:20px;}
.main_r .contact1 p{ text-align:left; line-height:20px; padding:10px 20px 0px 20px;}
.main_r  .contact2{ width:465px; color:#d8d4d2; float:right;height:448px;padding-top:40px; border-left:1px solid #373432}
.main_r  .contact2 h2 { font-size:12px; font-weight:bold; text-align:left; padding-left:20px; }
.main_r  .contact2 b { color:#ad9325; font-weight:bold}
.main_r .contact2 p{ text-align:left; line-height:20px; padding:10px 20px 0px 20px; clear:both}
.main_r .contact2 .input1 { width:100px; height:22px; float:left;  background:#383534; line-height:22px; padding-left:2px; border:0; color:#fff}
.main_r .contact2 .input2 { width:160px; height:22px; float:left;  background:#383534; line-height:22px; padding-left:2px; border:0; color:#fff}
.main_r .contact2 .input3 { width:208px; height:102px;float:left;   background:#383534; line-height:22px; padding:2px; border:0; color:#fff;}
.main_r .contact2 p label { float:left; line-height:22px;}

.main_r .map_bg {float:right;width:325px;height:488px;background:url(../images/map.png) right 0; }
.main_r .map_bg1 {float:right;width:325px;height:488px;;background:url(../images/zt1.png) right 0}
.main_r .map_bg2 {float:right;width:325px;height:488px;background:url(../images/zt2.png) right 0}
.main_r .map p{ clear:both; text-align:left; width:430px; line-height:24px; padding-top:15px;}
.main_r .map p b { font-weight:bold; font-size:14px}

.main_r .sale { clear:both; text-align:right; height:60px;}
.main_r .sale ul{ float:right}
.main_r .sale li{ float:left; text-align:center;display:inline; width:auto; background:#131312; line-height:24px; margin-left:15px; margin-top:5px;border:1px solid #181b1b}
.main_r .sale li a{ display:block; background:#131312; padding:0 15px;}
.main_r .sale li a:hover { background:#363634}


.reg1 { width:410px; height:488px; color:#a7a5a5; float:left; border-right:1px solid #373432}
.reg1 .Prompt { clear:both; width:340px; text-align:center;margin:0 auto; margin-top:20px;}
.reg1 .reg_f { margin:0 auto; margin-top:100px; }
.reg1 .reg_f td { text-align:left; padding:2px 0; height:30px; color:#d3d1d2}
.reg1 .reg_f .td1 { text-align:right}
.reg1 .reg_f  p { height:30px; line-height:30px; padding-left:10px;}
.reg1 .input1 { width:160px; height:22px;  background:#383534; line-height:22px; padding-left:2px; border:0; color:#fff}
.reg1 .input2 { width:60px; height:22px;  background:#383534; line-height:22px; padding-left:2px; border:0; color:#fff}
.reg2 { width:410px; height:488px; color:#a7a5a5; float:left; }
.reg2 .Prompt { clear:both; width:340px; text-align:center;margin:0 auto; margin-top:20px;}
.reg2 .reg_f { margin:0 auto; margin-top:100px; }
.reg2 .reg_f td { text-align:left; padding:2px 0; height:30px; color:#d3d1d2}
.reg2 .reg_f .td1 { text-align:right}
.reg2 .reg_f  p { height:30px; line-height:30px; padding-left:10px;}
.reg2 .input1 { width:160px; height:22px;  background:#383534; line-height:22px; padding-left:2px; border:0; color:#fff}
.reg2 .input2 { width:60px; height:22px;  background:#383534; line-height:22px; padding-left:2px; border:0; color:#fff}





.button0{border:none;background:none;padding:0;
margin:0;width:auto;overflow:visible;text-align:center;
white-space:nowrap;height:25px;line-height:23px; display:inline;  cursor:pointer; margin-left:4px; margin-top:6px; float:left; display:inline}
.button0 span, .button0 em{float:left; display:inline;height:23px;margin:0;color:#b5b5b5;  font-weight:bold;}
.button0 span{padding-left:15px;background:url(../images/bg_button.gif) no-repeat 0 0;}
.button0 em{font-style:normal;padding-right:15px;background:url(../images/bg_button.gif) no-repeat 100% 0;}
.select_styel{background:#0f0e0c; padding:0; margin:0;    border-style: none;}





.arrowsidemenu {  margin:0 auto; /*width of menu*/  margin-top:25px;  }
.menuheaders { position:relative; z-index:222}
.menucontents { background:#0f0e0c}
.arrowsidemenu div a { /*header bar links*/ font: normal 12px Verdana, Arial, Helvetica, sans-serif; display: block; height: 30px; text-align:right ;  /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/  line-height: 30px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/ text-decoration: none; }
.arrowsidemenu div a:link, .arrowsidemenu div a:visited {  }
.arrowsidemenu div a:hover {  }
.arrowsidemenu div.unselected a { /*header that's currently not selected*/ font-size:12px; color:#fff ; padding-right:30px;}
.arrowsidemenu div.selected a { /*header that's currently selected*/   font-weight:bold; color:#fff; padding-right:30px;   font-size:15px; text-align:right;position:relative;  }
.arrowsidemenu ul { list-style-type: none; margin: 0; padding: 0; position:absolute; float:left; left:100%; top:0}
.arrowsidemenu ul li { line-height:20px; margin-top:2px;display: block; float:left; clear:both}
.arrowsidemenu ul li a { /*sub menu links*/ display: block; height:25px;text-decoration: none; float:left;white-space:nowrap;
   line-height:25px; text-align:right;background:#000 url(../images/show_bg.gif) no-repeat 8px 10px;  font-size:12px !important; font-weight:normal !important; padding-left:15px; padding-right:10px;    }
.arrowsidemenu ul li a:hover { color:#fff }



.main_header .logo { float:left; display:inline; margin-left:28px; margin-top:2px;}
.main_header .jmrx { float:right;display:inline; margin-right:28px; margin-top:12px;}



	
	.main_contain .mm_l { width:218px; background:#fff; height:auto; float:left; display:inline; margin-left:10px; margin-top:10px; border:1px solid #ebce9a; overflow:hidden}
	.main_contain .mm_l h2 { height:24px; width:100%; float:left; background:#000; color:#fff; line-height:24px; }
	.main_contain .mm_l dd,.main_contain .mm_l dt { line-height:26px; text-align:left; float:left; }
	.main_contain .mm_l dt {  border-top:1px solid #ebce9a;border-bottom:1px solid #ebce9a; padding-left:10px; width:208px; background:#f9efde;color:#552d03; font-weight:bold}
	.main_contain .mm_l dd {background:url(../images/mmt.gif) 13px 8px no-repeat ;  padding-left:23px; width:195px;  }


#scrollable {
	padding:3px 0px;
	 WIDTH: 240px; POSITION: relative; HEIGHT: 53px;overflow:hidden;
}

#scrollable div.items {
	height:54px;	
	margin-left:2px;
	float:left;
	width:200px !important; overflow:hidden
}

#scrollable div.items a {
	display: inline;
	float:left;
	margin-right:4px;
	width:58px;
	height:46px;
	background:#0f0e0c;
	color:#ccc;
	text-decoration:none;
	border:2px solid #0f0e0c;
	text-align:center;
	cursor:pointer;
}
#scrollable div.items img { width:58px; height:46px;}
div.items a:hover {
	color:#999;	
}
#scrollable div.items a.active {
	background-position:-174px 0;		
	color:#555;
	cursor:default;
}

#scrollable a.prev, a.next {
	background:url(../images/butt-left.gif) no-repeat 0 0;
	display: inline;
	width:13px;
	height:23px;
	float:left;	
	margin:14px 0 0 2px;
	cursor:pointer;
}

#scrollable a.next {
	background-image:url(../images/butt-right.gif)		
}

#scrollable a.prev:hover {
}

#scrollable a.next:hover {
}




/*产品详情*/
.pro_1 { float:left; width:478px; height:478px; padisplay:inline; padding:5px; overflow:hidden}
.pro_1 img { height:478px; width:478px;}
.pro_2 { float:left; width:334px; margin-left:4px; height:458px; padding-top:20px;display:inline; overflow:hidden}
.pro_2 .pro_ul li { text-align:left; border-top:1px solid #181717}
.pro_2 .pro_ul li li { border:0; float:left; width:70px; text-align: center; display:inline; margin-left:6px;}
.pro_2 .pro_ul li  td{ padding:5px; text-align:center; font-weight:bold}
.pro_2 .pro_ul li  td strong { color:#ad8222}
.pro_2 .pro_ul li li img { width:70px; height:70px; float:left}
.pro_2 .pro_ul li li b { clear:both}
.pro_2 .pro_ul h2 { font-weight:bold; line-height:25px; color:#dddad8; padding-left:10px; }
.pro_2 .pro_ul p { padding-left:10px; padding-bottom:10px;}
 #tabMenu {list-style:none;width:330px; }
#tabMenu li {float:left;height:22px;width:auto; line-height:22px; background:#2a2626;  display:inline; margin-left:4px; padding:0 10px;cursor:pointer;cursor:hand}

li.comments {}
li.posts {}
li.category {}
li.famous {}
li.random {}

li.mouseover { color:#fff}
li.mouseout {}
li.selected { background:#2a2626; color:#fff; font-weight:bold; }

.pro_1 .box {width:330px;}
.boxTop {height:2px;clear:both}
.boxBody { clear:both;}
.boxBottom {height:11px;}

.boxBody div.parent {display:none; height:130px; overflow:auto; clear:both;}
.boxBody div.show {display:block;}
.boxBody div p{ text-align:left; line-height:24px; text-indent:2em; padding:0 10px 0 10px !important;}

.boxBody div ul {padding:0;  list-style-image:url(images/arrow.gif)}
.boxBody div li {padding:4px 5px; margin-left:10px;  text-align:left; }
.boxBody div ul li.last {border-bottom:none}
.boxBody div li span {font-size:8px;font-style:italic; color:#888;}


.pro2_1 { float:left; width:478px; height:478px; padisplay:inline; padding:5px; overflow:hidden}
.pro2_1 img {  width:478px; height:291px;}
.pro2_di { float:left; width:478px; height:478px; padisplay:inline; padding:5px;}
.pro2_di #tabMenu {list-style:none;width:475px; margin-top:6px;}
.pro2_2 { float:left; width:334px; margin-left:4px; height:458px; padding-top:20px;display:inline; overflow:hidden}
.pro2_2 .pro_ul li { text-align:left; border-top:1px solid #181717}
.pro2_2 .pro_ul h2 { font-weight:bold; line-height:25px; color:#dddad8; padding-left:10px; }
.pro2_2 .pro_ul p { padding-left:10px; padding-bottom:10px;}
.pro2_2 .pro_ul td .pro_img { width:90px; height:90px;}
.pro2_2 .pro_ul td { padding:2px; padding-left:10px;}
.pro2_2 .pro_ul .td1 { border-top:1px solid #191816}
.pro2_1 .box {width:475px; clear:both; margin-top:20px;}
.pro_ul_r td{ text-align:left !important; font-weight:normal !important}

.stepcarousel { position:absolute; left:100%; top:0px;}
.stepcarousel ul{ position:static !important}

.homeBanner{ height: 291px; position: relative; width: 479px;}
.homeBanner img {height: 291px; width: 479px;}
.banner{display: none; position: absolute; left: 0; top:0; z-index: 10;}
.prevB{ position: absolute;  z-index: 20; left: 0; width: 55px; height: 110px; background: url(../images/prev.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/prev.png" ); top: 87px; cursor:pointer}
.nextB{position: absolute;  z-index: 20; right: 0; width: 55px; height: 110px; background: url(../images/next.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/next.png" );top: 87px;cursor:pointer}

.pro_pic { float:left; width:826px;  height: 488px; overflow:hidden;position:relative}
.pic_more { position:absolute; bottom:10px; right:20px; font-size:14px; font-weight:bold}

.td_f td { text-align:left !important; font-weight:normal !important}




#preview{ float:none;  text-align:center; width:500px;}
.jqzoom{ width:479px; height:261px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px;overflow:hidden; margin-top:4px; }
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline; overflow:hidden}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px; float:left}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#000 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ width:322px; margin-right:6px; float:left; }
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}
.list-h { float:left}